<template>
  <div class="customer-service">
    <van-action-sheet v-model="show" style="height: 70vh;">
      <iframe width="100%" height="100%" src="https://ykf-webchat.7moor.com/wapchat.html?accessId=d6ff9410-a3ea-11ea-88b7-6b66406da43f&fromUrl=https://h5.shujingvip.com/index.html&urlTitle=%E5%AE%A2%E6%9C%8D%E5%92%A8%E8%AF%A2" frameborder="0"></iframe>
    </van-action-sheet>
  </div>
</template>

<script>
import $ from 'jquery'

export default {
  data () {
    return {
      show: false
    }
  },
  watch: {
    show (newVal) {
      newVal ? $('.footer-container').css('display', 'none') : $('.footer-container').css('display', 'flex')
    }
  },
  methods: {
    open () {
      this.show = true
    }
  }
}
</script>

<style lang="scss">
.customer-service {
  z-index: 999999;
}
.van-action-sheet__content {
  height: 100%;
}
</style>